<template>
  <div style="padding: 0 4px;border-top: 10px solid #eee;">
    <h3>
      <i class="ivu-icon ivu-icon-ios-information-circle-outline"></i>博客明细
    </h3>
    <div style="padding:10px;background: white;padding-top: 0;">
      <vol-table
        ref="tableList"
        :loadKey="true"
        :columns="columns"
        :pagination-hide="true"
        :height="210"
        :defaultLoadPage="false"
        @loadBefore="loadBefore"
        url="/api/app_blog/getDetailPage"
        :row-index="true"
        :index="false"
      ></vol-table>
    </div>
  </div>
</template>

<script>
import VolTable from "@/components/basic/VolTable.vue";
export default {
  components: {
    VolTable,
  },
  methods: {
    loadBefore(params, callback) {
      return callback(true);
    },
  },
  data() {
    return {
      tableData: [],
      //从生成的代码sellorder2.vue里面把明细配置复制过来就能用
      columns: [
        {
          field: "Id",
          title: "Id",
          type: "string",
          width: 110,
          hidden: true,
          readonly: true,
          require: true,
          align: "left",
        },
        {
          field: "Title",
          title: "回复标题",
          type: "string",
          width: 220,
          align: "left",
          sort: true,
        },
        {
          field: "Content",
          title: "回复内容",
          type: "string",
          width: 110,
          align: "left",
        },
        {
          field: "BlogId",
          title: "BlogId",
          type: "string",
          width: 110,
          hidden: true,
          align: "left",
        },
        {
          field: "CreateDate",
          title: "CreateDate",
          type: "datetime",
          width: 150,
          readonly: true,
          align: "left",
          sort: true,
        },
        {
          field: "CreateID",
          title: "CreateID",
          type: "int",
          width: 100,
          hidden: true,
          align: "left",
        },
        {
          field: "Creator",
          title: "Creator",
          type: "string",
          width: 100,
          readonly: true,
          align: "left",
        },
        {
          field: "Modifier",
          title: "Modifier",
          type: "string",
          width: 100,
          hidden: true,
          align: "left",
        },
        {
          field: "ModifyDate",
          title: "ModifyDate",
          type: "datetime",
          width: 150,
          hidden: true,
          align: "left",
          sort: true,
        },
        {
          field: "ModifyID",
          title: "ModifyID",
          type: "int",
          width: 100,
          hidden: true,
          align: "left",
        },
      ],
    };
  },
};
</script>
<style scoped>
h3 {
  font-weight: 500;
  padding-left: 10px;
  background: white;
  margin-top: 8px;
  padding-bottom: 5px;
}
</style>
